<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    Object admin=request.getSession().getAttribute("admin");
%>
<html>
<head>
     <title>错题</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Glance Design Dashboard Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />

    <!-- font-awesome icons CSS -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons CSS-->

    <!-- side nav css file -->
    <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
    <!-- //side nav css file -->

    <!-- js-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/modernizr.custom.js"></script>

  <script src="js/Chart.js"></script>
    <script src="js/metisMenu.min.js"></script>
    <script src="js/custom.js"></script>
    <link href="css/custom.css" rel="stylesheet">
    <script type="text/javascript" src="js/pie-chart.js"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            $('#demo-pie-1').pieChart({
                barColor: '#2dde98',
                trackColor: '#eee',
                lineCap: 'round',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-2').pieChart({
                barColor: '#8e43e7',
                trackColor: '#eee',
                lineCap: 'butt',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });

            $('#demo-pie-3').pieChart({
                barColor: '#ffc168',
                trackColor: '#eee',
                lineCap: 'square',
                lineWidth: 8,
                onStep: function (from, to, percent) {
                    $(this.element).find('.pie-value').text(Math.round(percent) + '%');
                }
            });


        });

    </script>
    <!-- //pie-chart --><!-- index page sales reviews visitors pie chart -->

    <!-- requried-jsfiles-for owl -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <script src="js/owl.carousel.js"></script>
    <script>
        $(document).ready(function() {
            $("#owl-demo").owlCarousel({
                items : 3,
                lazyLoad : true,
                autoPlay : true,
                pagination : true,
                nav:true,
            });
        });
    </script>
    <script>
        var msgg=<%=request.getParameter("sum")%>;
        if(msgg==true){
            alert("新增考题成功");
        }
    </script>
<style>
    #divv{
           margin: 40px 30px 30px 30px;
    }
</style>


    <style>
        html,
        body {
            margin: 0px;
            height: 100%;
        }

        body {
            background: #f1f1f1;

            font-family: "Microsoft YaHei", "MicrosoftJhengHei", STHeiti, MingLiu;
        }

        .div_c_l {
            float: left;
            padding: 5px;
            font-size: 15px;
            font-weight: 500;
        }

        .div_c_l span {
            line-height: 38px;
            padding: 0 5px;
            width: 60px;
        }

        .div_c_l img {
            height: 30px;
            margin: 2px;
            padding: 0px 7px;
        }

        .div_c_r {
            float: right;
            padding: 5px;
            width: calc(100% - 100px);
        }

        .div_c_r input {
            border: 0px;
            margin: 5px;
            float: right;
            line-height: 28px;
            font-size: 15px;
            text-align: right;
            padding-right: 5px;
            width: 100%;
            outline: none;
            text-align: left;
        }

        .div_c_r button {
            width: 88px;
            float: right;
            background-color: #F2F2F2;
            height: 28px;
            padding: 4px 8px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 500;
            margin: 5px 5px 0 0;
            border: 1px solid #DBDBDB;
            border-radius: 6px;
            outline: none;
        }

        .div_f {
            border-bottom: 1px solid #E8E8E8;
            background-color: #fff;
        }

        .btn_1 {
            border: none;
            margin: 40px 6% 16px 6%;
            width: 88%;
            height: 1.8em;
            background-color: #05a0e0;
            border-radius: 4px;
            font-size: 20px;
            color: #FFFFFF;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }

        .div_b_l {
            float: left;
            margin-left: 6%;
            padding: 5px;
            width: calc(44% - 10px);
        }

        .div_b_r {
            float: right;
            margin-right: 6%;
            padding: 5px;
            width: calc(44% - 10px);
            text-align: right;
        }

        .span_b {
            font-size: 16px;
            font-weight: 500;
            color: #000;
            padding: 0 2px;
            float: left;
        }

        .span_br {
            font-size: 16px;
            font-weight: 500;
            color: #05a0e0;
            float: left;
        }

        input[type=checkbox] {
            visibility: hidden;
        }

        .checkboxforget {
            top: 0px;
            float: left;
            width: 20px;
            height: 20px;
            background: #05a0e0;
            margin: 0 5px 0 0;
            border-radius: 100%;
            position: relative;
        }

        .checkboxforget label {
            display: block;
            width: 18px;
            height: 18px;
            border-radius: 100px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
            cursor: pointer;
            position: absolute;
            top: 1px;
            left: 1px;
            z-index: 1;
            background: #fff;
        }

        .checkboxforget input[type=checkbox]:checked+label {
            background: #05a0e0;
            width: 20px;
            height: 20px;
            top: 0px;
            left: 0px;
        }

        .inp_radio {
            float: left;
            line-height: 48px;
        }

        input[type=radio] {
            visibility: hidden;
        }

        .checkboxforget1 {
            top: 13px;
            float: left;
            width: 20px;
            height: 20px;
            background: #AFAFAF;
            margin: 0 5px 0 0;
            border-radius: 100%;
            position: relative;
            /*            -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
        box-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
        }

        .checkboxforget1 label {
            display: block;
            width: 18px;
            height: 18px;
            border-radius: 100px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
            cursor: pointer;
            position: absolute;
            top: 1px;
            left: 1px;
            z-index: 1;
            background: #fff;
            /*            -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
        -moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
        box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);*/
        }

        .checkboxforget1 input[type=radio]:checked+label {
            background: #05a0e0;
            width: 20px;
            height: 20px;
            top: 0px;
            left: 0px;
        }

        .red {
            color: #ff6600;
            display: inline-block;
        }
    </style>
    <!-- //requried-jsfiles-for owl -->
</head>
<body class="cbp-spmenu-push">
<div class="main-content">
    <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
        <!--left-fixed -navigation-->
        <aside class="sidebar-left">
            <nav class="navbar navbar-inverse">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h1><a class="navbar-brand" href="index.jsp"><span class="fa fa-area-chart"></span>network<span class="dashboard_text">考试网</span></a></h1>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="sidebar-menu">
                        <li class="header">考试网后台管理系统</li>
                        <li class="treeview">
                            <a href="/examproject/manage/examcenter.jsp">
                                <i class="fa fa-laptop"></i>
                                <span>试卷中心</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="/examproject/manage/examcenter.jsp"><i class="fa fa-angle-right"></i>试卷操作</a></li>
                                <li><a href="/examproject/manage/scoretop.jsp"><i class="fa fa-angle-right"></i>成绩排行榜</a></li>
                                <li><a href="/examproject/manage/falsetop.jsp"><i class="fa fa-angle-right"></i>错题排行榜</a></li>
                            </ul>
                        </li>
                        <li class="treeview">
                            <a href="/examproject/manage/testlog.jsp">
                                <i class="fa fa-dashboard"></i> <span>考试记录</span>
                            </a>
                        </li>

                        <li class="treeview">
                            <a href="/examproject/manage/mmessage.jsp">
                                <i class="fa fa-dashboard"></i> <span>留言管理</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-laptop"></i>
                                <span>班级管理</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="/examproject/man/cxsybj"><i class="fa fa-angle-right"></i>各班学生考试情况</a></li>
                                <li><a href="/examproject/man/findhom"><i class="fa fa-angle-right"></i>各班学生作业未完成情况</a></li>
                            </ul>
                        </li>
                        <li class="treeview">
                            <a href="/examproject/man/stugetPage">
                                <i class="fa fa-dashboard"></i> <span>学生管理</span>
                            </a>
                        </li>
                        <li class="treeview">
                            <a href="/examproject/man/getPage">
                                <i class="fa fa-dashboard"></i> <span>老师管理</span>
                            </a>
                        </li>

                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-laptop"></i>
                                <span>题库中心</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="/examproject/manage/tt.jsp"><i class="fa fa-angle-right"></i>新增考题</a></li>
                                <li><a href="/examproject/manage/CloudReadExecl.jsp"><i class="fa fa-angle-right"></i> excel批量导入考题 </a></li>
                                <li><a href="/examproject/manage/questionscenter.jsp"><i class="fa fa-angle-right"></i> 试题中心查看 </a></li>
                            </ul>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-dashboard"></i> <span>视频中心</span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="/examproject/manage/stuvideo.jsp"><i class="fa fa-angle-right"></i>教学视频</a></li>
                                <li><a href="/examproject/manage/clsvideo.jsp"><i class="fa fa-angle-right"></i> 课堂回放 </a></li>
                            </ul>
                        </li>
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-laptop"></i>
                                <span>安全设置</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="/examproject/man/chazcm"><i class="fa fa-angle-right"></i>学生注册码</a></li>
                                <li><a href="/examproject/man/chazcm"><i class="fa fa-angle-right"></i>老师注册码</a></li>
                            </ul>
                        </li>

                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
        </aside>
    </div>
    <!--left-fixed -navigation-->

    <!-- header-starts -->
    <div class="sticky-header header-section ">
        <div class="header-left">
            <!--toggle button start-->
            <button id="showLeftPush"><i class="fa fa-bars"></i></button>
            <!--toggle button end-->

            <div class="header-right">
                <!--//end-search-box-->
                <div class="profile_details">
                    <ul>
                        <li class="dropdown profile_details_drop">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                <div class="profile_img">
                                    <span class="prfil-img"><img src="../images/logo.png" width="50px" alt=""> </span>
                                    <div class="user-name">
                                        <p><%=admin%>></p>
                                        <span>管理员</span>
                                    </div>
                                    <i class="fa fa-angle-down lnr"></i>
                                    <i class="fa fa-angle-up lnr"></i>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                            <ul class="dropdown-menu drp-mnu">
                                <li> <a href="#"><i class="fa fa-cog"></i> 退出</a> </li>
                                <li> <a href="#"><i class="fa fa-user"></i> My Account</a> </li>
                                <li> <a href="#"><i class="fa fa-suitcase"></i> Profile</a> </li>
                                <li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
        <!-- //header-ends -->
        <!-- main content start-->
        <div id="page-wrapper">
            <div class="main-page">

                <!-- for amcharts js -->
                <script src="js/amcharts.js"></script>
                <script src="js/serial.js"></script>
                <script src="js/export.min.js"></script>
                <link rel="stylesheet" href="css/export.css" type="text/css" media="all" />
                <script src="js/light.js"></script>
                <!-- for amcharts js -->

                <script  src="js/index1.js"></script>
                <script>
                    function checkreg(){
                        var nr=document.getElementById("name1").value;
                        var nr2=document.getElementById("name2").value;
                        var nr3=document.getElementById("name3").value;
                        var nr4=document.getElementById("name4").value;
                        var nr5=document.getElementById("name5").value;
                        var nr6=document.getElementById("name6").value;
                        var nr7=document.getElementById("name7").value;
                        if(nr.length==0||nr2.length==0||nr3.length==0||nr4.length==0||nr5.length==0||nr6.length==0||nr7.length==0) {
                            alert("请输入完整,不能为空!!!");
                            return false;
                        }else{
                            return true;
                        }
                    }
                </script>
                <div class="charts">
                    <div class="mid-content-top charts-grids">
                        <div class="middle-content">
                            <h4 class="title">新增考题</h4>
                            <form name="form1" onsubmit="return checkreg(this)" action="/examproject/man/insertquestion"  method="post">

                                <div class="div_f">
                                    <div class="div_col" id="me">
                                        <div class="div_c_l"><span>选择学科:</span>
                                        </div>
                                        <div class="div_c_r">
                                            <select style="width:calc(100% - 16px);"  name="name" id="name">
                                                <option value="1">Java基础</option>
                                                <option value="2">JavaOOP</option>
                                                <option value="3">MySQL</option>
                                                <option value="4">HTML5</option>
                                                <option value="5">JAVAWeb</option>
                                                <option value="6">高级框架</option>
                                                <option value="7">Linux、GIT</option>
                                            </select>
                                            <span style="float: right;margin-top: -30px;background:#fff" id="tish"></span></input>
                                        </div>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <div class="div_f">
                                    <div class="div_col" id="me">
                                        <div class="div_c_l"><span>题目内容:</span>
                                        </div>
                                        <div class="div_c_r">
                                            <input type="text" style="width:calc(100% - 16px);"  name="name1" id="name1" />

                                            <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                        </div>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <div class="div_f">
                                    <div class="div_col" id="me">
                                        <div class="div_c_l"><span>题目分数:</span>
                                        </div>
                                        <div class="div_c_r">
                                            <input type="text" style="width:calc(100% - 16px);"  name="name2" id="name2"/>


                                            <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                        </div>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <div class="div_f">
                                    <div class="div_col" id="me">
                                        <div class="div_c_l"><span style="width:70px;">题目类型:</span>
                                        </div>
                                        <div class="div_c_r">
                                            <div class="div_c_r" style="padding: 0;">
                                                <div style="margin-left: 28px;" class="inp_radio">
                                                    <div class="checkboxforget1">
                                                        <input type="radio" id="Remember1" name="sex" id="sex4" value="1" checked />
                                                        <label for="Remember1"></label>
                                                    </div>
                                                    单选
                                                </div>
                                                <div style="margin-left: 8px;" class="inp_radio">
                                                    <div class="checkboxforget1">
                                                        <input type="radio" id="Remember2" name="sex" id="sex5" value="2" />
                                                        <label for="Remember2"></label>
                                                    </div>
                                                    多选
                                                </div>

                                            </div>
                                        </div>
                                        <div style="clear:both"></div>
                                        <div class="div_f">
                                            <div class="div_col" id="me">
                                                <div class="div_c_l"><span>题目选项A:</span>
                                                </div>
                                                <div class="div_c_r">
                                                    <input type="text" style="width:calc(100% - 16px);"  name="name3" id="name3"/>

                                                    <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                                </div>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div class="div_f">
                                            <div class="div_col" id="me">
                                                <div class="div_c_l"><span>题目选项B:</span>
                                                </div>
                                                <div class="div_c_r">
                                                    <input type="text" style="width:calc(100% - 16px);"  name="name4" id="name4"/>

                                                    <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                                </div>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div class="div_f">
                                            <div class="div_col" id="me">
                                                <div class="div_c_l"><span>题目选项C:</span>
                                                </div>
                                                <div class="div_c_r">
                                                    <input type="text" style="width:calc(100% - 16px);"  name="name5" id="name5"/>

                                                    <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                                </div>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div class="div_f">
                                            <div class="div_col" id="me">
                                                <div class="div_c_l"><span>题目选项D:</span>
                                                </div>
                                                <div class="div_c_r">
                                                    <input type="text" style="width:calc(100% - 16px);"  name="name6" id="name6"/>

                                                    <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                                </div>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <div class="div_f">
                                            <div class="div_col" id="me">
                                                <div class="div_c_l"><span>题目答案:</span>
                                                </div>
                                                <div class="div_c_r">
                                                    <input type="text" style="width:calc(100% - 16px);"  name="name7" id="name7"/>

                                                    <span style="float: right;margin-top: -30px;background:#fff" ></span></input>
                                                </div>
                                            </div>
                                            <div style="clear:both"></div>
                                        </div>
                                        <button id="submit" class="btn_1" onclick="test()">保存</button>
                            </form>
                        </div>
                        <!--//sreen-gallery-cursual---->
                    </div>
                </div>

            </div>
        </div>
        <!-- Classie --><!-- for toggle left push menu script -->
        <script src="js/classie.js"></script>
        <script>
            var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
                showLeftPush = document.getElementById( 'showLeftPush' ),
                body = document.body;

            showLeftPush.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( body, 'cbp-spmenu-push-toright' );
                classie.toggle( menuLeft, 'cbp-spmenu-open' );
                disableOther( 'showLeftPush' );
            };


            function disableOther( button ) {
                if( button !== 'showLeftPush' ) {
                    classie.toggle( showLeftPush, 'disabled' );
                }
            }
        </script>
        <!--scrolling js-->
        <script src="js/jquery.nicescroll.js"></script>
        <script src="js/scripts.js"></script>
        <!--//scrolling js-->

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.js"> </script>

</div>
</body>
</html>
